<template>
    <div class="leftContent">
        <projectOverview />
        <safetyStatistics />
        <alarmStatistics />
    </div>
</template>

<script>
import projectOverview from "./projectOverview/index.vue";
import safetyStatistics from "./safetyStatistics/index.vue";
import alarmStatistics from "./alarmStatistics/index.vue";

export default {
    components: {
        projectOverview,
        safetyStatistics,
        alarmStatistics
    },
    data() {
        return {
        };
    },
    methods: {

    },
};
</script>

<style scoped lang="scss">
@font-face {
    font-family: 'kk';
    src: url('../../../../assets/font/kuaikanshijieti-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'al';
    src: url('../../../../assets/font/Alibaba-PuHuiTi-Bold_0.ttf');
    font-weight: normal;
    font-style: normal;
}

.leftContent {
    width: 24.5%;
    position: absolute;
    // bottom: 1%;
    left: .6%; 
    margin-top: 7.8125vw;
}
</style>